<template>
  <h1>事件指令相关练习</h1>
<!--  事件绑定-->
<!-- v-on:click -->
<!-- @click -->
  <button type="button" v-on:click="f()">按钮1</button><br>
  <button type="button" @click="f()">按钮2</button><br>
  <h1>回车按下事件</h1>
<!--  回车触发 在输入结束内容之后 通过回车触发登录函数-->
<!-- @keydown.enter -->
  <input type="text" @keydown.enter="f()">
</template>

<script setup>
//可以简写
const f = ()=> {
  alert('点击了');
}
</script>

<style scoped>

</style>